$(function() {
    $('#side-menu').metisMenu();
});

function showSecondLevelMenuByFirstMenuId(firstMenuId) {
	$('li[id^="second_level_li_"]').each(function() {
		$(this).hide();
	});
	
	$('li[id^="second_level_li_' + firstMenuId + '"]').show();
}

//Loads the correct sidebar on window load,
//collapses the sidebar on window resize.
// Sets the min-height of #page-wrapper to window size
$(function() {
    $(window).bind("load resize", function() {
        topOffset = 50;
        width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width;
        if (width < 768) {
            $('div.navbar-collapse').addClass('collapse');
            topOffset = 100; // 2-row-menu
        } else {
            $('div.navbar-collapse').removeClass('collapse');
        }

        height = ((this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height) - 1;
        height = height - topOffset;
        if (height < 1) height = 1;
        if (height > topOffset) {
            $("#page-wrapper").css("min-height", (height) + "px");
        }
    });

    var url = window.location;
    var element = $('ul.nav a').filter(function() {
        if('javscript:;' != this.href && url.href == this.href) {
        	$('#first_level_' + $(this).attr('first_level_id')).addClass('active');
        	showSecondLevelMenuByFirstMenuId($(this).attr('first_level_id'));
        	return true;
        }
        return false;
    }).addClass('active').parent().parent().addClass('in').parent();
    if (element.is('li')) {
        element.addClass('active');
    }
    
    
    $('.first-menu-nav>div').click(function() {
    	showSecondLevelMenuByFirstMenuId($(this).attr('menu_id'));
    })
});
